@charset "UTF-8";

@media(max-width:1024px){
	
}
.form-control.search{
	align-content: center;
}

.form-control.search input{
	height:90%;
}

.SNB{
	position: absolute;
}

.SNB .SNB-container{
	position: relative;
}

.SNB--view--panel--li--cont{
/* 	display:block !important; */
}

.SNB .SNB--view{
/* 	position: sticky !important; */
}

.SNB .SNB--view .close-panel{
	top : calc(50% - 3rem);
}

.hide{
	display:none;
}

.header--logo{
	cursor:pointer;
/* 	background: url("../assets/images/common/bi.svg") no-repeat !important; */
}

div:where(.swal2-container) .swal2-html-container {
    font-size: 13.5px !important;
}

.SNB .SNB--view--panel.view--panel02{
/* 	display:none; */
}

.SNB .SNB--view--panel--li .SNB--view--panel--li--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.SNB .SNB--view--panel--li .SNB--view--panel--li--head em.arrow {
    transition: all 0.3s;
    display: inline-block;
    border-bottom: 4px solid #717171;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.SNB .SNB--view--panel--li.active .SNB--view--panel--li--head em.arrow {
    transform: rotate(180deg);
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt.emd-title {
    font-size: 2.0rem;
    font-weight: 500;
/*     justify-self: center; */
/*     width: fit-content; */
/*     border-bottom: solid #35645e 1px; */
    color: #35645e;
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt.emd-title.climate {
    color: #c8553e;
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt.emd-title.carbon {
    color: #64940e;
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt.emd-title.regen {
    color: #0868ac;
}

.SNB .SNB--view--panel.view--panel02 .view--panel02--foot .score-btn-light {
    background: #249284;
    color: #fff;
}

.map-option-item li span {
    font-size: 1.1rem;
}

.map-option-item li.map-option-item05 .map-option-item-bg {
    background-image: url(../images/main/map-option-item05.png);
    border-radius: 5px;
}

/** 우리동네 피교하기 팝업 **/
#scoreComparison .modal--inner {
    /*max-width: 1750px;*/
}

#scoreComparison .modal--head--inner .btn.border-white {
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    margin-right: 20px;
}

#scoreComparison .modal--content .village--item--data .double-dl.full {
	padding: 2.35rem 0;
}

#scoreComparison .modal--content .village--item--data .double-dl.full-2 {
	padding: 2rem 0;
}

#scoreComparison .modal--content .village--item--data .double-dl.full.header {
	min-height: 0;
    height: 0;
    padding: 2rem 0 3rem 0;
}

#scoreComparison .modal--content .village--item--data .double-dl.full.header dt.full {
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: 0.5rem 0;
    border-right: solid 1px #bababa;
}

#scoreComparison .modal--content .village--item--data .double-dl.full.header .double-dd .tar {
    text-align: center;
    padding: 0.5rem 0;
    border-right: solid 1px #bababa;
}

#scoreComparison .modal--content .village--item--data .double-dl.full.header .double-dd .tar:last-child {
    border-right: none;
}

#scoreComparison .modal--content .village--item--data .double-dl.center {
	align-items: center;
}

#scoreComparison .modal--content .village--item--data .double-dl dt {
    width: 8rem;
    padding-top: 0.5rem;
}

#scoreComparison .modal--content .village--item--data .double-dl dt.full {
	width: 16rem;
	padding-top: 0;
}

#scoreComparison .modal--content .village--item--data .double-dl .double-dd .txt {
    width: 135px;
}

#scoreComparison .modal--content .village--item--data .double-dl .double-dd .tar {
    width: calc(100% / 2);
}

#scoreComparison .modal--content .village--item--data dl dd .equal {
    position: relative;
    display: inline-block;
    font-size: 1.3rem;
    color: #2F9D27;
    text-align: right;
    font-weight: normal;
}
/** 우리동네 피교하기 팝업 **/

/** 다른 동네와 비교하기 전체 화면 css **/
.modal-wrap-dimmed.full-screen {
	left: 70px;
	top: 80px;
}

.full-screen .modal--inner {	
	top: calc((100vh - 80px) / 2);
    left: calc((100vw - 70px) / 2);
    height: calc(100vh - 80px);
    width: calc(100vw - 70px);
}

.full-screen .modal--inner .modal--content .modal--content--inner {
	max-height: calc(100vh - 196px);
}
/** 다른 동네와 비교하기 전체 화면 css **/

.bg10 {
	background-size: 10% !important;
}

.bg25 {
	background-size: 25% !important;
}

.bg40 {
	background-size: 40% !important;
}

.no-result {
    background: url(../images/no-result.svg) no-repeat center center;
    background-size: 40%;
}

.no-result-report {
    background: url(../images/no-result.svg) no-repeat center center;
    background-size: 10%;
}

.tooltip-cont {
    z-index: 150;
}

.tooltip-cont .tooltip-cont-txt.info {
	margin-bottom: 0;
}

/** 팝업 내 정보 grid S**/
.layer--pop--dl--info {
    display: grid;
    grid-template-columns: 73px 1fr;
    align-items: start;
}

.layer--pop--dl--info + dl {
    margin-top: 1rem;
}

.layer--pop--dl--info dt {
    font-size: 1.3rem;
    color: #555555;
    white-space: nowrap;
}

.layer--pop--dl--info dd {
    font-weight: bold;
    word-break: break-word;
}
/** 팝업 내 정보 grid E **/

/** 환경스코어 S **/
.SNB .SNB--view--panel.view--panel02.escoreDiSubPannel .view--panel02--cont {
	height: calc(100vh - 80px - 57px);
}

.chart-button-area {
	display: flex;
    justify-content: space-between;
    gap: 5px;
}

.chart-button-area .chart-button {
    font-size: 14px;
    width: 100%;
    border: solid 1px #c6c6c6;
    border-radius: 15px;
    background-color: #fff;
    margin-bottom: 5px;
    padding: 10px 20px 10px 20px;
}

.chart-button-area .chart-button.active {
	color: #35645E;
    font-weight: 600;
    border: solid 1.5px #35645E;
}

.chart-button-area .chart-button.first.active {
	color: #AB125E;
    font-weight: 600;
    border: solid 1.5px #AB125E;
}

#escoreDiPannel .escoreDiSubPannel .view--panel02--cont .view--panel02--item .status-area {
	height: 80px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#escoreDiPannel .escoreDiSubPannel .view--panel02--cont .view--panel02--item .chart-area {
	height: 220px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#escoreDiPannel .legend-bar.legend-envir .legend-gradient {
	background: linear-gradient(to right, rgba(255, 151, 220, 0.2), rgba(217, 128, 187, 0.4), rgba(178, 106, 154, 0.6), rgba(140, 83, 121, 0.8), rgba(102, 60, 88, 1.0));
}

#escoreDiPannel .legend-bar.legend-park .legend-gradient {
	background: linear-gradient(to right, rgba(189, 255, 18, 0.2), rgba(161, 217, 15, 0.4), rgba(132, 178, 13, 0.6), rgba(104, 140, 10, 0.8), rgba(76, 102, 7, 1.0));
}

#escoreDiPannel .legend-bar.legend-eco .legend-gradient {
	background: linear-gradient(to right, rgba(50, 216, 255, 0.2), rgba(42, 184, 217, 0.4), rgba(35, 151, 178, 0.6), rgba(28, 119, 140, 0.8), rgba(20, 86, 102, 1.0));
}

#escoreDiPannel .legend-bar.legend-vulerable .legend-gradient {
	background: linear-gradient(to right, rgba(255, 205, 18, 0.2), rgba(217, 174, 15, 0.4), rgba(178, 144, 13, 0.6), rgba(140, 113, 10, 0.8), rgba(102, 82, 7, 1.0));
}
/** 환경스코어 E **/


/** 공원스코어 S **/
#eparkDiPannel .SNB--view--panel.view--panel01 .toggle-ti .toggle-title {
	width: 170px;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont {
	height: calc(100vh - 80px - 53px);
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item dl dd.score-remark {
    color: #404040;
    font-size: 1.2rem;
    margin-top: 5px;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item.compare .view--panel02--item--ti {
    margin-bottom: 1.0rem;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item.compare .view--panel02--item--ti:last-child {
    margin-bottom: 0;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item.compare button {
    height: 3.2rem;
    border-radius: 1.6rem;
    font-size: 1.5rem;
    width: 100%;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item.compare .score-btn {
    background: #35645e;
    color: #fff;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item.compare .score-white-btn {
  border: 1px solid #35645e;
  color: #35645e;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item .slider-legend {
    gap: 0px;
	flex-wrap: wrap;
	justify-content: space-between;
    border-radius: 15px;
    border: solid 1px #c6c6c6;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item .status-area {
	height: 80px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#eparkDiPannel .eparkDiSubPannel .view--panel02--cont .view--panel02--item .chart-area {
	height: 220px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#eparkDiPannel .slider-legend {
	display: flex;
    padding: 3px 7px;
}

#eparkDiPannel .slider-legend .list {
	display: flex;
	align-items: center;
	width: 25%
}

#eparkDiPannel .slider-legend .list .color_bar {
	width: 17px;
    height: 15px;
    border-radius: 5px;
    margin: 5px 3px 5px 0;
}

#eparkDiPannel .slider-legend .list .txt {
    font-size: 12px;
    color: #404040;
}

#eparkDiPannel .slider-legend .list .color_bar.p1 {
    background-color: #e5b26c;
}

#eparkDiPannel .slider-legend .list .color_bar.p2 {
    background-color: #d1e56c;
}

#eparkDiPannel .slider-legend .list .color_bar.p3 {
    background-color: #8ae56c;
}

#eparkDiPannel .slider-legend .list .color_bar.p4 {
    background-color: #6ce594;
}

#eparkDiPannel .slider-legend .list .color_bar.p5 {
    background-color: #6ce5db;
}

#eparkDiPannel .slider-legend .list .color_bar.p6 {
    background-color: #6cc2e5;
}

#eparkDiPannel .slider-legend .list .color_bar.p7 {
    background-color: #6c94e5;
}

#eparkDiPannel .slider-legend .list .color_bar.p8 {
    background-color: #8b6ce5;
}

.park-wrap .park-wrap-range {
    height: 13.5rem;
}

#eparkDiPannel .eparkDiComparePopup .modal--inner .modal--content .slider-legend {
	display: flex;
    padding: 10px 20px;
}

#eparkDiPannel .eparkDiComparePopup .modal--inner .modal--content .slider-legend .list .color_bar {
    width: 50px;
    margin: 5px 10px 5px 30px;
}

#eparkDiPannel .eparkDiComparePopup .modal--inner .modal--content .village--item--data--chart {
    padding-top: 1.5rem;
}

#eparkDiPannel .eparkDiComparePopup .modal--inner .modal--content .village--item--data--chart .chart-area {
	height: 270px;
	border: solid 1px #c6c6c6;
	border-radius: 1.2rem;
}

#eparkDiPannel .legend-bar.legend-park .legend-gradient {
	background: linear-gradient(to right, rgba(143, 189, 36, 1.0), rgba(128, 170, 32, 1.0), rgba(100, 132, 25, 1.0), rgba(71, 94, 18, 1.0), rgba(42, 56, 11, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v1 .legend-gradient {
	background: linear-gradient(to right, rgba(139, 189, 255, 1.0), rgba(125, 170, 229, 1.0), rgba(97, 132, 178, 1.0), rgba(69, 94, 128, 1.0), rgba(41, 56, 77, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v2 .legend-gradient {
	background: linear-gradient(to right, rgba(209, 178, 255, 1.0), rgba(167, 142, 204, 1.0), rgba(125, 107, 153, 1.0), rgba(84, 71, 102, 1.0), rgba(42, 36, 51, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v3 .legend-gradient {
	background: linear-gradient(to right, rgba(186, 228, 188, 1.0), rgba(158, 194, 160, 1.0), rgba(130, 160, 132, 1.0), rgba(102, 125, 103, 1.0), rgba(74, 91, 75, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v8 .legend-gradient {
	background: linear-gradient(to right, rgba(135, 211, 187, 1.0), rgba(115, 179, 159, 1.0), rgba(94, 148, 131, 1.0), rgba(74, 116, 103, 1.0), rgba(54, 84, 75, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v4 .legend-gradient {
	background: linear-gradient(to right, rgba(253, 190, 165, 1.0), rgba(215, 162, 140, 1.0), rgba(177, 133, 115, 1.0), rgba(139, 105, 91, 1.0), rgba(101, 76, 66, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v5 .legend-gradient {
	background: linear-gradient(to right, rgba(253, 187, 122, 1.0), rgba(215, 159, 104, 1.0), rgba(177, 131, 85, 1.0), rgba(139, 103, 67, 1.0), rgba(101, 75, 49, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v7 .legend-gradient {
	background: linear-gradient(to right, rgba(202, 234, 195, 1.0), rgba(172, 199, 166, 1.0), rgba(141, 164, 136, 1.0), rgba(111, 129, 107, 1.0), rgba(81, 94, 78, 1.0));
}

#eparkDiPannel .legend-bar.legend-park-v6 .legend-gradient {
	background: linear-gradient(to right, rgba(189, 213, 225, 1.0), rgba(161, 181, 191, 1.0), rgba(132, 149, 158, 1.0), rgba(104, 117, 124, 1.0), rgba(76, 85, 90, 1.0));
}

#eparkDiPannel .legend-item-div {
	width: 60%;
    height: 60%;
    border-radius: 20px;
    display: block;
}

#eparkDiPannel .legend-circle .unit {
	margin-top: 1.0rem;
    font-size: 1.2rem;
    color: #555;
    text-align: center;
}

#eparkDiPannel .legend-item-div.legend-park-l1 {
	background-color: #d7191c;
}

#eparkDiPannel .legend-item-div.legend-park-l2 {
	background-color: #fdae61;
}

#eparkDiPannel .legend-item-div.legend-park-l3 {
	background-color: #ffffbf;
}

#eparkDiPannel .legend-item-div.legend-park-l4 {
	background-color: #abd9e9;
}

#eparkDiPannel .legend-item-div.legend-park-l5 {
	background-color: #2c7bb6;
}


#eparkDiPannel .legend-item-div.legend-park-v1-l1 {
	background-color: #f7fcf5;
}

#eparkDiPannel .legend-item-div.legend-park-v1-l2 {
	background-color: #caeac3;
}

#eparkDiPannel .legend-item-div.legend-park-v1-l3 {
	background-color: #7bc87c;
}

#eparkDiPannel .legend-item-div.legend-park-v1-l4 {
	background-color: #2a924a;
}

#eparkDiPannel .legend-item-div.legend-park-v1-l5 {
	background-color: #00441b;
}


#eparkDiPannel .legend-item-div.legend-park-v2-l1 {
	background-color: #7b3294;
}

#eparkDiPannel .legend-item-div.legend-park-v2-l2 {
	background-color: #c2a5cf;
}

#eparkDiPannel .legend-item-div.legend-park-v2-l3 {
	background-color: #f7f7f7;
}

#eparkDiPannel .legend-item-div.legend-park-v2-l4 {
	background-color: #a6dba0;
}

#eparkDiPannel .legend-item-div.legend-park-v2-l5 {
	background-color: #008837;
}


#eparkDiPannel .legend-item-div.legend-park-v3-l1 {
	background-color: #f7fbff;
}

#eparkDiPannel .legend-item-div.legend-park-v3-l2 {
	background-color: #c8ddf0;
}

#eparkDiPannel .legend-item-div.legend-park-v3-l3 {
	background-color: #73b3d8;
}

#eparkDiPannel .legend-item-div.legend-park-v3-l4 {
	background-color: #2879b9;
}

#eparkDiPannel .legend-item-div.legend-park-v3-l5 {
	background-color: #08306b;
}


#eparkDiPannel .legend-item-div.legend-park-v4-l1 {
	background-color: #ffffcc;
}

#eparkDiPannel .legend-item-div.legend-park-v4-l2 {
	background-color: #c2e699;
}

#eparkDiPannel .legend-item-div.legend-park-v4-l3 {
	background-color: #78c679;
}

#eparkDiPannel .legend-item-div.legend-park-v4-l4 {
	background-color: #31a354;
}

#eparkDiPannel .legend-item-div.legend-park-v4-l5 {
	background-color: #006837;
}


#eparkDiPannel .legend-item-div.legend-park-v5-l1 {
	background-color: #f1eef6;
}

#eparkDiPannel .legend-item-div.legend-park-v5-l2 {
	background-color: #d7b5d8;
}

#eparkDiPannel .legend-item-div.legend-park-v5-l3 {
	background-color: #df65b0;
}

#eparkDiPannel .legend-item-div.legend-park-v5-l4 {
	background-color: #dd1c77;
}

#eparkDiPannel .legend-item-div.legend-park-v5-l5 {
	background-color: #980043;
}


#eparkDiPannel .legend-item-div.legend-park-v6-l1 {
	background-color: #fef0d9;
}

#eparkDiPannel .legend-item-div.legend-park-v6-l2 {
	background-color: #fdcc8a;
}

#eparkDiPannel .legend-item-div.legend-park-v6-l3 {
	background-color: #fc8d59;
}

#eparkDiPannel .legend-item-div.legend-park-v6-l4 {
	background-color: #e34a33;
}

#eparkDiPannel .legend-item-div.legend-park-v6-l5 {
	background-color: #b30000;
}


#eparkDiPannel .legend-item-div.legend-park-v7-l1 {
	background-color: #d01c8b;
}

#eparkDiPannel .legend-item-div.legend-park-v7-l2 {
	background-color: #f1b6da;
}

#eparkDiPannel .legend-item-div.legend-park-v7-l3 {
	background-color: #f7f7f7;
}

#eparkDiPannel .legend-item-div.legend-park-v7-l4 {
	background-color: #b8e186;
}

#eparkDiPannel .legend-item-div.legend-park-v7-l5 {
	background-color: #4dac26;
}


#eparkDiPannel .legend-item-div.legend-park-v8-l1 {
	background-color: #d7191c;
}

#eparkDiPannel .legend-item-div.legend-park-v8-l2 {
	background-color: #fdae61;
}

#eparkDiPannel .legend-item-div.legend-park-v8-l3 {
	background-color: #ffffc0;
}

#eparkDiPannel .legend-item-div.legend-park-v8-l4 {
	background-color: #a6d96a;
}

#eparkDiPannel .legend-item-div.legend-park-v8-l5 {
	background-color: #1a9641;
}
/** 공원스코어 E **/


/** 생태계서비스스코어 S **/
#eecoDiPannel .eecoDiSubPannel .view--panel02--cont {
	height: calc(100vh - 80px - 53px);
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.data-item dl dd.score-remark {
    color: #404040;
    font-size: 1.2rem;
    margin-top: 5px;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.data-item .single-data-item:nth-of-type(2) dl dd strong.score-color {
	font-size: 3.5rem;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.compare .view--panel02--item--ti {
    margin-bottom: 1.0rem;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.compare .view--panel02--item--ti:last-child {
    margin-bottom: 0;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.compare button {
    height: 3.2rem;
    border-radius: 1.6rem;
    font-size: 1.5rem;
    width: 100%;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.compare .score-btn {
    background: #35645e;
    color: #fff;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item.compare .score-white-btn {
  border: 1px solid #35645e;
  color: #35645e;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item .status-area {
	height: 80px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item .chart-area {
	height: 220px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item:nth-of-type(3) .chart-area {
	height: 250px;	
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item:nth-of-type(3) .chart-area .inner{
	height: 220px;
}

#eecoDiPannel .eecoDiSubPannel .view--panel02--cont .view--panel02--item:nth-of-type(3) .chart-area .remark{
	color: #404040;
    font-size: 1.3rem;
    margin: 0 10px;
    padding: 3px 0;
    text-align: center;
    background-color: #ffd2d2;
    border-radius: 5px;
}

#eecoDiPannel .eecoDiComparePopup .modal--content .modal-chart-area {
	border-radius: 1.2rem;
	min-height: 420px;
}

#eecoDiPannel .layer--pop {
	width: auto;
}

#eecoDiPannel .legend-bar.legend-eco .legend-gradient {
	background: linear-gradient(to right, rgba(50, 216, 255, 1.0), rgba(42, 184, 217, 1.0), rgba(35, 151, 178, 1.0), rgba(28, 119, 140, 1.0), rgba(20, 86, 102, 1.0));
}

#eecoDiPannel .legend-bar.legend-eco-w1 .legend-gradient {
	background: linear-gradient(to right, #b2e2e2 25%, #66c2a4 50%, #2ca25f 75%, #006d2c 100%);
}

#eecoDiPannel .legend-bar.legend-eco-w2 .legend-gradient {
	background: linear-gradient(to right, #f6eff7 0%, #bdc9e1 25%, #67a9cf 50%, #1c9099 75%, #35645e 100%);
}

#eecoDiPannel .legend-bar.legend-anl-rn .legend-gradient {
	background: linear-gradient(to right, #d9d9d9 0%, #aac8c3 25%, #83a7a2 50%, #5c8580 75%, #35645e 100%);
}

#eecoDiPannel .legend-bar.legend-sson-rn .legend-gradient {
	background: linear-gradient(to right, #ffffcc 0%, #a1dab4 25%, #41b6c4 50%, #2c7fb8 75%, #253494 100%);
}

#eecoDiPannel .legend-bar.legend-cbn-strgat .legend-gradient {
	background: linear-gradient(to right, #a6611a 0%, #dfc27d 25%, #f5f5f5 50%, #a588ee 75%, #150061 100%);
}

#eecoDiPannel .legend-bar.legend-cbn-abpvl .legend-gradient {
	background: linear-gradient(to right, #e69a01 0%, #fdec69 25%, #a2f77e 50%, #69d24f 75%, #188111 100%);
}

#eecoDiPannel .legend-bar.legend-wtr-purn-n .legend-gradient {
	background: linear-gradient(to right, #d7191c 0%, #fdae61 25%, #ffffc0 50%, #a6d96a 75%, #1a9641 100%);
}

#eecoDiPannel .legend-bar.legend-wtr-purn-p .legend-gradient {
	background: linear-gradient(to right, #d7191c 0%, #fdae61 25%, #ffffbf 50%, #abd9e9 75%, #2c7bb6 100%);
}

#eecoDiPannel .legend-bar.legend-air-ajst .legend-gradient {
	background: linear-gradient(to right, #eaeaea 0%, #c8ddf0 25%, #73b3d8 50%, #2879b9 75%, #08306b 100%);
}

#eecoDiPannel .legend-bar.legend-uhtln .legend-gradient {
	background: linear-gradient(to right, #d7191c 0%, #fdae61 25%, #ffffc0 50%, #a6d96a 75%, #1a9641 100%);
}

#eecoDiPannel .legend-bar.legend-soil-ersn .legend-gradient {
	background: linear-gradient(to right, #744312 0%, #dfc27d 25%, #f5f5f5 50%, #80cdc1 75%, #004c5a 100%);
}

#eecoDiPannel .legend-bar.legend-trm .legend-gradient {
	background: linear-gradient(to right, #1a9641 0%, #a6d96a 25%, #ffffc0 50%, #fdae61 75%, #d7191c 100%);
}

#eecoDiPannel .legend-bar.legend-scvl .legend-gradient {
	background: linear-gradient(to right, #8e0017 0%, #c3715b 25%, #f7f7f7 50%, #84b3c9 75%, #035381 100%);
}

#eecoDiPannel .legend-bar.legend-hbtt-qlty .legend-gradient {
	background: linear-gradient(to right, #3f007d 0%, #8263c8 25%, #dfddf3 50%, #6dbf3a 75%, #0a6013 100%);
}

#eecoDiPannel .legend-bar.legend-bird-dvsty .legend-gradient {
	background: linear-gradient(to right, #4dac26 0%, #b8e186 25%, #f7f7f7 50%, #f1b6da 75%, #d01c8b 100%);
}

#eecoDiPannel .legend-item-dt {
    justify-items: center;
    align-content: center;
}

#eecoDiPannel .legend-item-div {
	width: 60%;
    height: 60%;
    border-radius: 20px;
    display: block;
}

#eecoDiPannel .legend-circle .unit {
	margin-top: 1.0rem;
    font-size: 1.2rem;
    color: #555;
    text-align: center;
}


#eecoDiPannel .legend-item-div.legend-ecosys-srvc-l1 {
	background-color: #d7191c;
}

#eecoDiPannel .legend-item-div.legend-ecosys-srvc-l2 {
	background-color: #fdae61;
}

#eecoDiPannel .legend-item-div.legend-ecosys-srvc-l3 {
	background-color: #ffffbf;
}

#eecoDiPannel .legend-item-div.legend-ecosys-srvc-l4 {
	background-color: #abdda4;
}

#eecoDiPannel .legend-item-div.legend-ecosys-srvc-l5 {
	background-color: #2b83ba;
}


#eecoDiPannel .legend-item-div.legend-eco-trm-v1 {
	background-color: #edf8fb;
}

#eecoDiPannel .legend-item-div.legend-eco-trm-v2 {
	background-color: #b3cde3;
}

#eecoDiPannel .legend-item-div.legend-eco-trm-v3 {
	background-color: #896bb2;
}

#eecoDiPannel .legend-item-div.legend-eco-trm-v4 {
	background-color: #810f7c;
}
/** 생태계서비스스코어 E **/


/** 기후취약지역스코어 S **/
.SNB .SNB--view--panel.view--panel02.evulerableDiSubPannel .view--panel02--cont {
	height: calc(100vh - 80px - 57px - 70px);
}

#evulerableDiPannel .evulerableDiSubPannel .view--panel02--cont .view--panel02--item .status-area {
	height: 80px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#evulerableDiPannel .evulerableDiSubPannel .view--panel02--cont .view--panel02--item .chart-area {
	height: 220px;
	border: solid 1px #c6c6c6;
	border-radius: 15px;
}

#evulerableDiPannel .evulerableDiComparePopup .modal--content .modal-chart-area {
	border-radius: 1.2rem;
}

#evulerableDiPannel .legend-bar.legend-vulerable .legend-gradient {
	background: linear-gradient(to right, rgba(255, 205, 18, 0.2), rgba(217, 174, 15, 0.4), rgba(178, 144, 13, 0.6), rgba(140, 113, 10, 0.8), rgba(102, 82, 7, 1.0));
}

#evulerableDiPannel .legend-bar.legend-vulerable-v1 .legend-gradient {
	background: linear-gradient(to right, rgba(254, 197, 140, 0.2), rgba(216, 167, 119, 0.4), rgba(178, 138, 98, 0.6), rgba(140, 108, 77, 0.8), rgba(102, 79, 56, 1.0));
}

#evulerableDiPannel .legend-bar.legend-vulerable-v2 .legend-gradient {
	background: linear-gradient(to right, rgba(202, 234, 195, 0.2), rgba(172, 199, 166, 0.4), rgba(141, 164, 136, 0.6), rgba(111, 129, 107, 0.8), rgba(81, 94, 78, 1.0));
}

#evulerableDiPannel .legend-bar.legend-vulerable-v3 .legend-gradient {
	background: linear-gradient(to right, rgba(176, 131, 61, 0.2), rgba(150, 111, 52, 0.4), rgba(123, 92, 43, 0.6), rgba(97, 72, 34, 0.8), rgba(70, 52, 24, 1.0));
}

#evulerableDiPannel .legend-bar.legend-vulerable-v4 .legend-gradient {
	background: linear-gradient(to right, rgba(178, 226, 226, 0.2), rgba(151, 192, 192, 0.4), rgba(125, 158, 158, 0.6), rgba(98, 124, 124, 0.8), rgba(71, 90, 90, 1.0));
}
/** 기후취약지역스코어 E **/

/* 로딩 오버레이 전체 */
@keyframes rotate-loading {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.loading-container { 
	display: none; /* 기본 숨김 */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
}

.loading {
	position: absolute;
    top: calc(100% / 2 - 50px);
    left: calc(100% / 2 - 50px);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid transparent;
	border-color: transparent #FF9800 transparent #FF9800;
	animation: rotate-loading 1.5s linear infinite;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	color: #fff;
	margin-top: -8px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	transform: translateX(-50%);
}

.map-option-item li.map-option-item03 .map-option-item-bg{
	background-image: url("../images/main/map-option-item03.png");
}
.map-option-item li.map-option-item04 .map-option-item-bg{
	background-image: url("../images/main/map-option-item04.png");
}

.tool-section .tool + .tool{
	margin-top :4px !important;
}

.guide-tool{
	top: 60% !important;
}

.topic--li--item--cont{
	display : block !important;
}


.w17r{
	width:17rem;
}

.weather_img{
	height:50px !important;
}

.weather-cast-item .weather-cast-news{
	margin-bottom:0rem !important;
}

/* .SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl{ */
/* 	padding: 1rem !important; */
/* } */

/* .SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dt{ */
/* 	margin-bottom: 1rem !important; */
/* } */

/* .SNB .SNB--view--panel.view--panel02 .view--panel02--cont .view--panel02--item .single-data-item dl dd strong{ */
/* 	font-size: 3rem !important; */
/* } */


.tool-section .tool--compass > button{
  	transition: none !important;
	background-image: url("../assets/images/ico/compass2.svg");
	background-size: contain;
	background-position:center 0rem !important;
}

.tool-section .tool--compass:hover > button{
	background-image: url("../assets/images/ico/compass2.svg");
	background-size: contain;
	background-position:center 0rem !important;
	background-color:#ffffff00 !important;
}

.intro-wrap .center-txt{
	font-size: 4rem !important;
}


.tool--layer2{
	top: 154px;
	right: 22px;
	position: absolute;
}

.map-title{
	color:#fff !important;
	position:relative;
	top:-20px;
}

.map-option-item li .map-option-item-bg{
	height:5rem;
}

.map-option-item li{
	width:5rem;
}

.map-div{
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}


.SNB--view--panel--li .arrow2{
	transition: all 0.3s;
    display: inline-block;
    border-bottom: 10px solid #717171;
    /* border-top: 10px solid transparent; */
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    right: 22px;
    top: 22px;
}

.SNB--view--panel--li.active .arrow2{
	transform: rotate(180deg);
}

.intro-wrap .quick-link li:hover{
	transform: translateY(-4rem) !important;
}


@media (max-width: 768px){
	
	.tool-section .tool-top .address-select .form-control {
        width: 11rem;
    }
	
	.compare {
		display: none;
	}
	
	.toggle-label input[type=checkbox]:checked + .toggle-custom::before{
		transform: translateX(20px);
	}
	
	.toggle-label .toggle-custom::before{
		left: 1px;
        top: 1px;
        width: 18px;
        height: 18px;
	}
	
	.toggle-label .toggle-custom {
        margin-right: 4px;
        width: 40px;
        height: 20px;
    }
    
    .SNB .SNB--view--panel.view--panel02 .view--panel02--cont {
        height: calc(100svh - 40px) !important;
    }
    
    #scoreComparison .modal--content .village--item--data .double-dl .double-dd .txt {
	    width: 90px;
	}
    #scoreComparison .modal--content .village--item--data .double-dl .double-dd .tar {
	    width: 118px;
	}
    
    .intro-wrap .center-txt{
		font-size: 3rem !important;
	}
    
    .tool-section .tool-middle{
    	top:32.5rem !important;
    }
    
    .tool--layer2 {
	    top: 100px;
	    right: 10px;
	    position: absolute;
	}
	
	.SNB{
		height:5rem !important;
		bottom: 0;
/* 		min-height: 7.5svh !important; */
/* 		max-height: 7.5lvh !important; */
	}
	
	.SNB.active{
		height: 72svh !important;
/* 		min-height: 70svh !important; */
/* 		max-height: 70lvh !important; */
	}
	
	html, body,#wrap{
    	height: 100svh !important;
    	padding-bottom: env(safe-area-inset-bottom);
/*     	max-height:100svh; */
/*     	bottom: 0; */
	}

		
	#wrap{
/* 		height:auto; */
/* 		height:calc(100svh -50px) !important; */
/* 		position: fixed; */
/* 		min-height:100svh; */
/*     	max-height:100lvh; */
/* 		position: absolute; */
		bottom: 0;
/* 		top: 0; */
	}
	
	.SNB .SNB--view--panel.view--panel02{
		height: 100svh !important;
	}
	
	button.ico-tooltip {
		display: none;
	}
	
	.SNB .SNB--view--panel.view--panel01{
		height:calc(70svh - 17.6rem) !important;
	}
}